<template>
	<view>
		<view class="wrapper">
			<view class="swiper-box">
				<swiper class="swiper" :indicator-dots="swiperOption.indicatorDots" :autoplay="swiperOption.autoplay" :interval="swiperOption.interval"
				 :duration="swiperOption.duration">
					<swiper-item>
						<image src="//ww1.sinaimg.cn/bmiddle/007TtoKXgy1gkaw173n5jj30u00m6td9.jpg" mode=""></image>
					</swiper-item>
					<swiper-item>
						<image src="//ww1.sinaimg.cn/bmiddle/007TtoKXgy1gkaw173n5jj30u00m6td9.jpg" mode=""></image>
					</swiper-item>
					<swiper-item>
						<image src="//ww1.sinaimg.cn/bmiddle/007TtoKXgy1gkaw173n5jj30u00m6td9.jpg" mode=""></image>
					</swiper-item>
				</swiper>
			</view>
		</view>
	</view>
</template>
<script>
	export default {
		data() {
			return {
				swiperOption: {
					indicatorDots: true,
					autoplay: true,
					interval: 2000,
					duration: 500
				}
			}
		},
		methods: {}
	}
</script>
<style lang="scss" scoped>
.wrapper{
	image{
		width: 750rpx;
	}
}
</style>
